<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>排行榜详情</title>
    <link rel="stylesheet" href="../js/jqm/jquery.mobile-1.4.5.css"/>
    <!--<link rel="stylesheet" href="../js/jqm/jquery.mobile.theme-1.4.5.css"/>-->
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/List.css">
</head>
<body>
<div data-role="page">
    <div data-role="header" data-position="fixed" data-fullscreen='true' id="pageheader">
        <div class="iconfont">&#xe637;</div>
        <div><a href="DiscoveryHome.html" target="_top" data-transition="slide" class="iconfont">&#xe606;</a></div>
    </div>

    <div data-role="main" id="main">
        <div class="main-bg" ng-controller="biaoti">
            <img ng-src="{{mysrc}}" alt="">
        </div>

        <div class="main-list">
            <h4 ng-controller="biaoti" ng-bind="mytitle"></h4>

            <!--批量生产的div-->
            <div class="main_list_div" ng-controller="myctr" ng-init="Cause();">     <!--这是一个大的div列表容器-->
                <div class="main_list_div_bg" ng-repeat="m in xiangqing">
                    <div class="main_list_div_figure">
                        <figure>
                            <div style="background: url({{'../images/public/'+m.image_src}}) center center;background-size: cover">
                                <!--<img ng-src="{{'../images/public/'+m.image_src}}" alt="">-->
                            </div>
                            <figcaption>
                                <hgroup ng-bind="m.shop_name"></hgroup>
                                <p class="figcaption_p1" ng-cloak><span class="figcaption_span1 iconfont">&#xe638;</span>{{m.article_title}}<span class="figcaption_span2 iconfont" myclick >&#xe630;<br><i class="figcaption_i" ng-bind="m.parise_number"></i></span></p>
                                <p class="figcaption_p2" ng-bind="m.shop_address"></p>
                            </figcaption>
                        </figure>
                        <p class="main_list_div_figure_p" ng-bind="m.post_reason"></p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--<div data-role="footer"></div>-->
    <!-- JiaThis Button BEGIN -->
    <!--<div class="jiathis_style_32x32" style="outline: 1px solid red">-->
        <!--<a class="jiathis_button_qzone"></a>-->
        <!--<a class="jiathis_button_tsina"></a>-->
        <!--<a class="jiathis_button_tqq"></a>-->
        <!--<a class="jiathis_button_weixin"></a>-->
        <!--<a class="jiathis_button_renren"></a>-->
        <!--<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>-->
        <!--<a class="jiathis_counter_style"></a>-->
    <!--</div>-->
    <!-- JiaThis Button END -->


</div>



<!-- JiaThis Button BEGIN -->

<!--<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>-->
<!-- JiaThis Button END -->


<script src="../js/jqm/jquery-1.11.2.js"></script>
<script src="../js/jqm/jquery.mobile-1.4.5.js"></script>
<script src="../js/jqm/angular1.2.3.js"></script>
<script src="../js/public.js"></script>
<script src="../js/List.js"></script>
</body>
</html>